<html>
    <head>
        <title>首页</title>
        <link href="csss.css" rel="stylesheet" type="text/css" />
        <style>
            a{
                color: #FFFFFF;
            }
            .q{
      margin: 0px 5000px 0px 0px;
    }
    #w:hover{
                color:#F0AD4E;  
            }
            #e:hover{
                color:#F0AD4E;  
            }
            #r:hover{
                color:#F0AD4E;  
            }
            #t:hover{
                color:#F0AD4E;  
            }
            #y:hover{
                color:#F0AD4E;  
            }
            #u:hover{
                color:#F0AD4E;  
            }
            #i:hover{
                color:#F0AD4E;   
            }
            #nav{
                font: 24px 楷体;
                color: #FFFFFF;
                border: 1px solid black;
                padding-left: 10px;
                padding-top: 20px;
                padding-bottom: 20px;
                padding-right: 40px ;
                background-color:black;
                text-align: center;
            }
            .pics{width: 400px;height: 400px;margin: 20px;}
        </style>
    </head>
    <body>
        <div id="box">
            <p id="nav">
            <a class="q" href = "shouye.html">WHITE</a> <a href="#" id="w">首页</a> <a  id="e">关于</a> <a  id="r">照片集</a> <a  id="t">服务</a> <a  id="y">微博</a> <a  id="u">联系</a> <a href="denglu.html  " id="i">登录</a></p>
            <img src="15.jpg" />
            <p><img class="pics" src="project1.jpg"><img class="pics" src="m-project2.jpg"><img class="pics" src="project2.jpg"><img class="pics" src="m-project1.jpg">
                <img class="pics" src="project4.jpg"><img class="pics" src="m-project3.jpg"><img class="pics" src="project5.jpg"><img class="pics" src="project6.jpg"><img class="pics" src="project7.jpg"></p>
        </div>
    </body>
</html>